<template>
  <div id="searchmatch">
      <div>
          {{arr.result}}
          <div class="images">
              <img :src="arr.result.artist[0].picUrl" alt="">
              <p>接口里不知道得到的啥</p>
          </div>
          
      </div>
  </div>
</template>

<script>
export default {
  name: "searchmatch",
  data() {
      return {
          arr:[],
      }
  },
  created() {
    this.axios({
      withCredentials: true,
      method: "get",
      url:
        "https://music.hzbiz.net/search/multimatch?timetamp=" +
        new Date().getTime(),
      params: {
        keywords:this.$route.query.keywords
      },
    }).then((res) => {
        if(res.data){
            this.arr = res.data
        }
        
      console.log("匹配结果", res.data);
    });
  },
};
</script>

<style scoped>
.images{
    position: relative;
}
.images p{
    position: absolute;
    top: 40%;
    left: 5%;
    font-size: 150px;
    color: #fff;
    background: rgba(0, 0, 0, 0.2);
}
</style>